<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<!--- Some jquery stuff --->
	<link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    <script src="../../scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../../scripts/Thrive.js"  type="text/javascript"></script>
    <script src="../../scripts/2.5.3-crypto-sha1.js"  type="text/javascript"></script>
    <script src="AccountControl.js" type="text/javascript"></script>
    <script src="../Feel/Feel.js" type="text/javascript"></script>
    <script src="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    
    <link rel="stylesheet" href="../../css/style.css" type="text/css" />
</head>

<body>
	<div data-role="page" id="create_nodata" data-theme="a">
    
		<script type="text/javascript">
		
			$('#create_nodata').bind('pagebeforeshow', function() {
				clearCreateForm_nodata();
			});
			
			$("#not-sure-0").live("change" , function() {
				toggleParent1();
			});
			
			$("#not-sure-1").live("change" , function() {
				toggleParent2();
			});
			
			$("#password_temp_nodata").live('change', function() {
				verifyPasswordLength_nodata();
			});
			
			$("#confirm_nodata").live('change', function() {
				verifyPasswords_nodata();
			});
			
			$(".popup_container").live('click', function() {
				removePopup();
			});
			
			$(".popup_container").live('tap', function() {
				removePopup();
			});
			
			$(".popup_container").bind('touchstart', function()  {
				removePopup();
			});

			$("#submit_create_nodata").live('click', function() {
				createAccount_nodata();
			});
				
        </script>
        
        
        <div class="popup_container" style="display:none;">
            <div class="popup"></div>
        </div>
        
        <div data-role="header"data-theme="a">
        	<h1>Create</h1>
        	<a href="login.html" data-icon="delete" class="ui-btn-right">Cancel</a>
    	</div>
        
        <div data-role="content"data-theme="a">
            
            <form id="create_form_nodata" selected="true">
                <fieldset>
                    
                    <div class="row">
                    <label for="user_name_nodata">Enter your email address:</label>
                    <input type="email" name="user_name" id="user_name_nodata" value=""  />
                    </div>
                    
                    <div class="row">
                    <label for="password_temp_nodata">Enter a password:</label>
                    <input type="password" name="password_temp" id="password_temp_nodata" value=""  />
                    </div>
                    
                    <div class="row">
                    <label for="confirm_nodata">Confirm your password:</label>
                    <input type="password" name="confirm" id="confirm_nodata" value=""  />
                    </div>
                    
                    <!---<div class="row">
                      
                        <label for="data_share" class="select">Do you want to share your data?</label>
                        <select name="data_share" id="data_share">
                        	<option value="false">No</option>
                            <option value="true">Yes</option>
                        </select>
                    </div>--->
                
           
                </fieldset>
                <a id="submit_create_nodata" type="submit" href="javascript:void(0)">Create</a>
            </form>
        
        </div>

    
    </div>
    

</body>

</html>
